<!--
 * @Description: 事件基础信息
 * @Author: JiangMing
 * @Date: 2021-09-3 15:00:00
 * @LastEditors: JiangMing
 * @LastEditTime: 2021-09-3 15:00:00
-->
<template>
  <view class="content-base">
    <uni-forms ref="baseForm" :modelValue="detail" class="form">
      <uni-forms-item label="事件编号">
        {{ detail.eventNo }}
      </uni-forms-item>
      <uni-forms-item label="事件类型">
        {{ detail.eventType }}
      </uni-forms-item>
      <uni-forms-item label="报送时间">
        {{ detail.reportTime }}
      </uni-forms-item>
      <uni-forms-item label="报送单位">
        {{ detail.enterprise }}
      </uni-forms-item>
      <uni-forms-item label="事发地点">
        {{ detail.address }}
      </uni-forms-item>
      <uni-forms-item label="事件描述">
        {{ detail.description }}
      </uni-forms-item>
      <uni-forms-item label="事件定义">
        {{ detail.eventDefine }}
      </uni-forms-item>
      <uni-forms-item label="关联预案">
        {{ detail.planName }}
      </uni-forms-item>
      <uni-forms-item label="响应等级">
        {{ detail.planLevel }}
      </uni-forms-item>
    </uni-forms>
  </view>
</template>

<script>
export default {
  props: {
    eventId: {
      type: String
    }
  },
  data() {
    return {
      detail: {
        eventNo: 'HL20201010020623',
        eventType: '洪涝',
        reportTime: '2021-12-12 12:12:12',
        enterprise: '南山区水文监测站',
        address: '深圳市南山区环城路虾粥村',
        description: '0512深圳市南山区环城路虾粥村发生洪涝灾害0512深圳市南山区环城路虾粥村发生洪涝灾害0512深圳市南山区环城路虾粥村',
        eventDefine: '大事件',
        planName: '深圳市南山区重大洪涝灾害预案',
        planLevel: '一级响应'
      }
    }
  },
  mounted() {

  }
}
</script>

<style lang="scss" scoped>
.content-base {
  padding: 0 32rpx;
}
.form {
  ::v-deep .uni-forms-item__content {
    line-height: 40rpx;
    padding: 16rpx 0;
  }
}
</style>